<!DOCTYPE html>
<html>
<head>
    {include file="common/meta" /}
</head>
<body>
<div class="container">
    <div class="register-box" style="margin-top: 100px;">
        <div class="register-logo">
            <b>{:__('Register membership')}</b>
        </div>
        <div class="register-box-body">
            <form action="" method="post" id="register-form">
                <div id="errtips" class="hide"></div>
                {:token()}
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" id="pd-form-username" placeholder="{:__('Username')}" name="username" autocomplete="off" value="" data-rule="{:__('Username')}:required;username"/>
                    <span class="glyphicon glyphicon-user form-control-feedback"></span>
                </div>

                <div class="form-group has-feedback">
                    <input type="email" class="form-control" id="pd-form-email" placeholder="{:__('Email')}" name="email" autocomplete="off" value="" data-rule="{:__('Email')}:required;email">
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                </div>

                <div class="form-group has-feedback">
                    <input type="text" class="form-control" id="pd-form-mobile" placeholder="{:__('Mobile')}" name="mobile" autocomplete="off" value="" data-rule="{:__('Phone')};mobile">
                    <span class="glyphicon glyphicon-phone form-control-feedback"></span>
                </div>

                <div class="form-group has-feedback">
                    <input type="password" class="form-control" id="pd-form-password" placeholder="{:__('Password')}" name="password" autocomplete="off" value="" data-rule="{:__('Password')}:required;password"/>
                    <span class="glyphicon glyphicon-lock form-control-feedback" aria-hidden="true"></span>
                </div>

                <div class="form-group has-feedback">
                    <input type="password" class="form-control" id="pd-form-password-2" placeholder="{:__('Retype password')}" name="password2" autocomplete="off" value="" data-rule="{:__('Retype password')}:required;password;match(password)"/>
                    <span class="glyphicon glyphicon-log-in form-control-feedback" aria-hidden="true"></span>
                </div>
                <!--@CaptchaBegin-->
                {if $Think.config.fastadmin.login_captcha}
                <div class="form-group">
                    <div class="input-group">
                        <input type="text" name="captcha" class="form-control" placeholder="{:__('Captcha')}" data-rule="{:__('Captcha')}:required;length({$Think.config.captcha.length})" autocomplete="off"/>
                        <span class="input-group-addon" style="padding:0;border:none;cursor:pointer;">
                                    <img src="{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha" width="100" height="30" onclick="this.src = '{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha&r=' + Math.random();"/>
                                </span>
                    </div>
                </div>
                {/if}
                <div class="form-group">
                    <button type="submit" class="btn btn-success btn-lg btn-block" style="background:#708eea;">{:__('Register')}</button>
                </div>
                <a href="login">{:__('I already have a membership')}</a>
            </form>
        </div>
        <!-- /.form-box -->
    </div>
</div>
{include file="common/script" /}
</body>
</html>
